﻿<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ctrTourPopularList.ascx.cs"
    Inherits="Controls_Tour_ctrTourPopularList" %>
<style>
    .rightalign
    {
        float: right;
    }
</style>
<!-- BEGIN .section-spacer -->
<table class="section-spacer">
    <tr>
        <td class="left">
        </td>
        <td class="middle">
            <img src="images/Layout/new.gif" /><span>&nbsp;<asp:Label ID="lblPromotion" runat="server"></asp:Label></span>
            <!-- <img src="images/Layout/ico-bullet-5.png" alt="Most recent stories" /> -->
        </td>
        <td class="right">
        </td>
    </tr>
    <!-- END .section-spacer -->
</table>
<!-- BEGIN .portfolio-wrapper -->
<div class="portfolio-wrapper portfolio-two">
    <ul>
        <asp:Repeater ID="rptPromotion" runat="server" OnItemDataBound="rptPromotion_ItemDataBound"
            OnItemCommand="rptPromotion_ItemCommand">
            <ItemTemplate>
                <li class="item" style="border: 1px solid #E8E8E8; padding:5px;">

                    <div style="float: left; padding-right: 10px">
                        <asp:ImageButton ID="imgImage" runat="server" Width="150px" Height="100px" CommandName="image"  BorderWidth="1px" BorderColor="#AFAFAF" /></div>
                    <div>
                        <div>
                            <h4>
                                <asp:HyperLink ID="lnkTitle" runat="server"></asp:HyperLink></h4>
                        </div>
                        <div>
                            <asp:Label ID="lblDuration" runat="server" Font-Bold="true" Font-Italic="true"></asp:Label></div>
                        <div style="padding-top: 5px">
                            <asp:Label ID="lblInitContent" runat="server"></asp:Label>&nbsp;<asp:HyperLink ID="lnkRedmore"
                                runat="server" CssClass="more-link"></asp:HyperLink></div>
                    </div>
                </li>
            </ItemTemplate>
        </asp:Repeater>
    </ul>
    <!-- END .portfolio-wrapper -->
     <div style ="margin-top:-30px; margin-bottom:10px"><asp:HyperLink
                ID="lnkShowall" runat="server" CssClass="rightalign" ForeColor="White" ImageUrl="~/Images/Layout/moretour-input-button-bg.png"></asp:HyperLink></div>
</div>
<!-- BEGIN .section-spacer -->
<table class="section-spacer">
    <tr>
        <td class="left">
        </td>
        <td class="middle">
            <span>
                <asp:Label ID="lblPerfectJustClick" runat="server"></asp:Label></span>
        </td>
        <td class="right">
        </td>
    </tr>
    <!-- END .section-spacer -->
</table>
<ul class="tabs2">
    <asp:Repeater ID="rptTourPopular" runat="server" OnItemDataBound="rptTourPopular_ItemDataBound">
        <ItemTemplate>
            <li><a href="#">
                <asp:Label ID="ltrTab" runat="server"></asp:Label></a> </li>
        </ItemTemplate>
    </asp:Repeater>
</ul>
<!-- tab "panes" -->
<div class="panes2">
    <asp:Repeater ID="rptGroup" runat="server" OnItemDataBound="rptGroup_ItemDataBound">
        <ItemTemplate>
            <div>
                <asp:Repeater ID="rptTourPopularContent" runat="server" OnItemDataBound="rptTourPopularContent_ItemDataBound"
                    OnItemCommand="rptTourPopularContent_ItemCommand">
                    <ItemTemplate>
                        <table style="float: left; width:208px; border-left:1px solid #D9D9D9; border-left-style:dotted;  ">
                            <tr>
                                <td style=" padding:5px 8px 5px 9px">
                                    <asp:ImageButton runat="server" CommandName="image" Width="207px" Height="138px"
                                        BorderWidth="1px" BorderColor="#AFAFAF" ID="imgTour" CssClass="entry-image" />
                                </td>
                            </tr>
                            <tr>
                               <td  style=" padding:5px 8px 5px 8px ">
                                    <asp:HyperLink ID="lnkTourName" runat="server" Font-Bold="true"></asp:HyperLink>
                                    <br />
                                    <asp:Label ID="lblDuration" runat="server" Font-Italic="true" Font-Bold="true"></asp:Label>
                                </td>
                            </tr>
                            <tr>
                               <td  style=" padding:5px 8px 5px 8px ">
                                    <asp:Literal ID="ltrTour" runat="server"></asp:Literal>
                                    <asp:HyperLink ID="lnkReadMore" runat="server" CssClass="more-link"></asp:HyperLink>
                                </td>
                            </tr>
                           
                        </table>
                    </ItemTemplate>
                </asp:Repeater>
                <table>
                    <tr>
                        <td  style=" margin:5px 20px 5px 14px; float:right ; width:660px ">
                          <asp:HyperLink  ID="lnkPerfectMore" runat="server" CssClass="rightalign" ForeColor="White" ImageUrl="~/Images/Layout/moretour-input-button-bg.png"></asp:HyperLink>
                        </td>
                    </tr>
                </table>
            </div>
        </ItemTemplate>
    </asp:Repeater>

</div>
<!-- This JavaScript snippet activates those tabs -->
<script>

    // perform JavaScript after the document is scriptable.
    $(function () {
        // setup ul.tabs to work as tabs for each div directly under div.panes
        $("ul.tabs2").tabs("div.panes2 > div");
    });
</script>
